Systems and methods for displaying items

ABSTRACT

A method and a system for displaying items for sale is described. For example, plural icon size scaling values associated with plural items posted for sale on an e-commerce website may be determined. The plural icons corresponding to the plural items may be displayed on a display of a client machine, a size of each of the icons being scaled based on the icon size scaling value associated with the corresponding item.

TECHNICAL FIELD

The present application relates generally to data management in anetwork and, in one specific example, to systems and methods fordisplaying sale items.

BACKGROUND

Conventional e-commerce websites allow shoppers to browse through a widevariety of items (e.g., products) available for sale online. Whenvarious items are displayed on the e-commerce website, the user maytypically select one or more of the items and then select an “add tocart” feature to move the selected item into a list of items known as a“shopping cart”. After the user has competed browsing through thevarious items posted on the website, the user can return to view theitems added to their shopping cart. If the user is satisfied with theselected items, the user may proceed to a “checkout” area of the websiteand purchase the items in the shopping cart.

BRIEF DESCRIPTION OF THE DRAWINGS

Some embodiments are illustrated by way of example and not limitation inthe figures of the accompanying drawings in which:

FIG. 1 is a network diagram depicting a client-server system, withinwhich one example embodiment may be deployed.

FIG. 2 is a block diagram of an example product display system,according to various embodiments.

FIG. 3 illustrates an exemplary table including product information,according to various embodiments.

FIG. 4 illustrates an exemplary portion of a webpage displaying productitems for sale, according to various embodiments.

FIG. 5 illustrates an exemplary portion of a webpage displaying productitems for sale, according to various embodiments.

FIG. 6 illustrates an exemplary portion of a webpage displaying productitems for sale, according to various embodiments.

FIG. 7 illustrates an exemplary portion of a webpage displaying productitems for sale, according to various embodiments.

FIG. 8 illustrates an exemplary portion of a webpage displaying productitems for sale, according to various embodiments.

FIG. 9 illustrates an exemplary portion of a webpage displaying productitems for sale, according to various embodiments.

FIG. 10 illustrates an exemplary portion of a webpage displaying productitems for sale, according to various embodiments.

FIG. 11 illustrates an exemplary portion of a webpage displaying searchresults, according to various embodiments.

FIG. 12 is a flowchart illustrating an example method, according tovarious embodiments.

FIGS. 13a and 13b are flowcharts illustrating an example method,according to various embodiments.

FIG. 14 is a diagrammatic representation of machine in the example formof a computer system within which a set of instructions, for causing themachine to perform any one or more of the methodologies discussedherein, may be executed.

DETAILED DESCRIPTION

Example methods and systems for displaying product items for sale aredescribed. In the following description, for purposes of explanation,numerous specific details are set forth in order to provide a thoroughunderstanding of example embodiments. It will be evident, however, toone skilled in the art that the present invention may be practicedwithout these specific details.

According to various embodiments of this disclosure, the size of an iconof a product item displayed on a website is scaled relative to the priceof the item. For example, a set of products for sale on a marketplacewebsite may be ranked from least expensive to most expensive (or viceversa), and the icons of the products displayed on the website may besized accordingly, based on the prices of the products. For instance,the most expensive product may have the smallest icon, while the leastexpensive product may have the largest icon.

Thus, a viewer is able to immediately understand the relationshipbetween the prices of the products being viewed, as well as understandwhich product is the most expensive, which product is the leastexpensive, etc. The aforementioned aspects may be applied in manysituations. For example, the aforementioned aspects may be applied todisplay product items in a “shopping cart” of user-selected items. Inthis case, the user may remove the cheapest or most expensive items fromthe cart, in order to adhere to a specific budget. As another example,the aforementioned aspects may also be applied to display a set ofproduct search results.

Likewise, according to other embodiments of this disclosure, the size ofan icon of a product displayed on a website may be scaled relative toother factors or characteristics regarding the product. For example, theicons of products may be scaled according to social trends associatedwith the products (e.g., detected trends on social networking websitesand other online social media), the relevancy of the products (e.g.,based on user search query terms), the popularity of the products (e.g.,number of sales), customer ratings/reviews for the products (e.g.,number of stars), the quantity of ratings/reviews for the products, thenumber of bids for the products, the location of the products (e.g.,distance from a user's current location), product initial posting times(e.g., to highlight products posted for sale most recently, or the“newest” products), product posting expiration times (e.g., to highlightproducts about to be removed from sale, or products in auctions endingsoon), a size of the item (e.g., shoe size, clothing size), a model yearof the item, a version number of the item, a quantity of the item (e.g.,for packaged/bulk items, such as diapers), and so forth. Those skilledin the art will understand that the aforementioned non-limiting examplesare merely exemplary, and that the size of a picture/icon of a productdisplayed on a website may be scaled relative to many other factors orcharacteristics regarding the product, in accordance with theembodiments of this disclosure.

Turning now to FIG. 1, a network diagram depicts a client-server system100, within which one example embodiment may be deployed. A networkedsystem 102, in the example forms of a network-based marketplace orpublication system, provides server-side functionality, via a network104 (e.g., the Internet or Wide Area Network (WAN)) to one or moreclients. FIG. 1 illustrates, for example, a web client 106 (e.g., abrowser), and a programmatic client 108 executing on respective clientmachines 110 and 112.

An Application Program Interface (API) server 114 and a web server 116are coupled to, and provide programmatic and web interfaces respectivelyto, one or more application servers 118. The application servers 118host one or more marketplace applications 120 and payment applications122. The application servers 118 are, in turn, shown to be coupled toone or more databases servers 124 that facilitate access to one or moredatabases 126.

The marketplace applications 120 may provide a number of marketplacefunctions and services to users that access the networked system 102.The payment applications 122 may likewise provide a number of paymentservices and functions to users. The payment applications 122 may allowusers to accumulate value (e.g., in a commercial currency, such as theU.S. dollar, or a proprietary currency, such as “points”) in accounts,and then later to redeem the accumulated value for products (e.g., goodsor services) that are made available via the marketplace applications120. While the marketplace and payment applications 120 and 122 areshown in FIG. 1 to both form part of the networked system 102, it willbe appreciated that, in alternative embodiments, the paymentapplications 122 may form part of a payment service that is separate anddistinct from the networked system 102.

Further, while the system 100 shown in FIG. 1 employs a client-serverarchitecture, the present invention is of course not limited to such anarchitecture, and could equally well find application in a distributed,or peer-to-peer, architecture system, for example. The variousmarketplace and payment applications 120 and 122 could also beimplemented as standalone software programs, which do not necessarilyhave networking capabilities.

The web client 106 accesses the various marketplace and paymentapplications 120 and 122 via the web interface supported by the webserver 116. Similarly, the programmatic client 108 accesses the variousservices and functions provided by the marketplace and paymentapplications 120 and 122 via the programmatic interface provided by theAPI server 114. The programmatic client 108 may, for example, be aseller application (e.g., the TurboLister application developed by eBayInc., of San Jose, Calif.) to enable sellers to author and managelistings on the networked system 102 in an off-line manner, and toperform batch-mode communications between the programmatic client 108and the networked system 102.

FIG. 1 also illustrates a third party application 128, executing on athird party server machine 130, as having programmatic access to thenetworked system 102 via the programmatic interface provided by the APIserver 114. For example, the third party application 128 may, utilizinginformation retrieved from the networked system 102, support one or morefeatures or functions on a website hosted by the third party. The thirdparty website may, for example, provide one or more promotional,marketplace or payment functions that are supported by the relevantapplications of the networked system 102.

Turning now to FIG. 2, a product display system 200 includes adetermination module 200 a, a scaling module 200 b and a productdatabase 200 c. The modules of the product display system 200 may belocated on a single device such as a product display apparatus, or onseparate devices interconnected via a network. The aforementionedproduct display apparatus may correspond to, for example, one of theclient machines (e.g., 110, 112) or application server(s) 118illustrated in FIG. 1.

The determination module 200 a is configured to identify a plurality oficons to be displayed on a client device. For example, each icon may beassociated with an item posted for sale on a website, an item includedin a “shopping cart” of a marketplace website, an item included in a setof search results, and the like. The determination module 200 a is alsoconfigured to determine the sizes of icons. The determination module 200a determines the sizes of the icons of the product items, based on atleast one characteristic associated with the products. According to thisexemplary embodiment, the determination module 200 a determines thesizes of the icons of the product items, based on the prices of theitems.

For example, the determination module 200 a may communicate with productdatabase 200 c in order to access product information regarding variousproducts posted for sale on the website, such as the prices associatedwith each of the products. FIG. 3 illustrates an example of a databasetable 300 included in product database 200 c. As illustrated in FIG. 3,the table 300 includes a list of products (e.g., Item 1, Item 2, and thelike). The table 300 also describes various information corresponding toeach of the products, such as price (e.g., outright purchase price,purchase price not including shipping, shipping price, purchase priceincluding shipping, minimum bid price, current bid price, etc.),popularity (e.g., number of purchases, or purchase trends), customerratings (e.g., number of stars), location (e.g., zip code), posting time(e.g., a time when the item was posted for sale or auction on an onlinewebsite), ending time (e.g., a time when the item is schedule to beremoved from sale from the website, or a time when the auctioncorresponding to the item is scheduled to end), and so forth. Theinformation included in the table 300 is merely exemplary, and any otherinformation corresponding to products for sale on a website may beincluded, as understood by those skilled in the art.

The determination module 200 a is configured to communicate with theproduct database and/or access the product information, in order to rankthe set of products based on the price, from lowest to highest, or fromhighest to lowest. Thereafter, the determination module 200 a determinesan icon size for each of the products based on their price. According toone scheme, the product having the lowest price is represented by thelargest icon, whereas the product having the highest price isrepresented by the smallest icon. According to another scheme, theproduct having the lowest price is represented by the smallest icon,whereas the product having the highest price is represented by thelargest icon.

For example, the determination module 200 a may determine an icon sizescaling value associated with each of the products (or the respectiveicons of the products), based on the prices of the products. Forexample, for a given set of products, the most expensive product may beassigned a maximum possible icon size scaling value (e.g., 100), theleast expensive item may be assigned an minimum possible icon sizescaling value (e.g., 1). Thereafter, each of the other items may beassigned icon size scaling values, based on their respective prices(relative to—or in proportion to—the prices of the most expensive itemand the least expensive item).

For example, if a set of four products have respective prices of $10,$1000, $300 and $150, the $1000 product (i.e. most expensive product)may be assigned the maximum possible icon size scaling value (e.g.,100), the $10 product (i.e. cheapest product) may be assigned theminimum possible icon size scaling value (e.g., 1), the $300 product maybe assigned an icon size scaling value of 30, while the $150 product maybe assigned an icon size scaling value of 15. Thus, the assigned iconsize scaling values may reflect the relative prices of the products(relative to—or in proportion to—the prices of the most expensive itemand the least expensive item). The “set” of products described hereinmay refer to all the items posted for sale on a website, or some subsetor subcategory thereof (e.g., items added by the user to a “shoppingcart”, or items included in a set of product search results, or items ina particular product retail category, etc.).

According to an aspect, icon size scaling values may be determined bydetermining a range of possible icon size scaling values, determining arange of prices for a group of items, and then assigning an icon sizescaling value (within the range of possible icon size scaling values) toan icon of an item, based on the relative position of the price of theitem within the range of the prices of the group of items. In this way,the relationship between the icon size scaling value assigned to an itemand the minimum and maximum possible icon size scaling values,matches/tracks the relationship between the price of the item and theminimum and maximum prices of the group of items.

For example, the range of possible icon size scaling values may bedetermined (e.g., 1-100). The difference “D” between the price of themost expensive item and the price of the least expensive item may bedetermined. Thereafter, an adjusted price “AP” of another selected oneof the items may be determined, by subtracting the price of the cheapestitem from the actual price of the selected item. Thereafter, therelative price “RP” of the selected item may be determined as RP=AP/D.The icon size scaling value for the item may then be determined, basedon the range of available icon size scaling values. For example, if therange of icon size scaling values is 1-100, then the icon size scalingvalue for the selected item is the RP×100.

For example, if a set of three items have respective prices of $300,$400, and $500, the $500 product (i.e. most expensive product) may beassigned the maximum possible icon size scaling value (e.g., 100), the$300 product (i.e. cheapest product) may be assigned the minimumpossible icon size scaling value (e.g., 1). The difference “D” betweenthe price of the most expensive item (i.e., $500) and the price of theleast expensive item (i.e., $300) may be determined as $500−$300=$200.Thereafter, an adjusted price “AP” of the third item may be determined,by subtracting the price of the cheapest item (i.e., $300) from theactual price of the third item (i.e., $400), with a result of AP=$100.Thereafter, the relative price “RP” of the third item may be determinedas RP=AP/D=$100/$200=0.5. The icon size scaling value for the third itemmay then be determined based on the range of available icon size scalingvalues. For example, if the range of icon size scaling values is 1-100,then the icon size scaling value for the third item is theRP×100=0.5×100=50.

After the determination module 200 a determines the icon size scalingvalues associated with the items, the scaling module 200 b is configuredto display multiple icons corresponding to the multiple items on thewebsite, wherein the size of the icons is scaled based on theaforementioned icon size scaling values associated with thecorresponding item. For example, the scaling module 200 b is configuredto display multiple product item icons based on the prices of theproduct items.

In some embodiments, the scaling module 200 b may assign an icon size(e.g., height, width, depth, etc., in pixels) to the icon of the productitem, based on the aforementioned icon size scaling value associatedwith the item. For example, a range of acceptable icon sizes may bedetermined, from a minimum possible icon size (e.g., 100 pixels×100pixels) to a maximum possible icon size (e.g., 10,000 pixels×10,000pixels). The scaling module 200 b may determine that an item having theminimum possible icon scaling value (e.g., 1) is represented by an iconhaving the minimum possible icon size (e.g., 100 pixels×100 pixels).Similarly, the scaling module 200 b may determine that an item havingthe maximum possible icon scaling value (e.g., 100) is represented by anicon having the maximum possible icon size (e.g., 10,000 pixels×10,000pixels). Items having other icon scaling values (e.g., [2] . . . [99])are represented by icons having a proportionate icon size (e.g., [200pixels×200 pixels] . . . [9,900 pixels×9,900 pixels]) in relation to theicons corresponding to the largest icon size scaling value and thesmallest icon size scaling value. The scaling module 200 b displays theicons corresponding to the multiple items on the website.

The scaling module 200 b displays such icons (or causes such icons to bedisplayed) on a client machine that accesses website (e.g. marketplacewebsite) via a network (e.g., the Internet), using various methodsunderstood by those skilled in the art. For example, if thedetermination module 200 a and/or scaling module 200 b are located onone or more of the application servers 118 illustrated in FIG. 1, thescaling module 200 b may modify code representing the webpages of thewebsite hosted on the application server (such as HTML code, Javascriptcode, etc.). Thus, when the client machine (e.g., 110 in FIG. 1)accesses the website hosted on the application server via a specificreference link (e.g., URI, URL, URN) associated with the website, theclient machine accesses the aforementioned code associated with thewebsite, which is interpreted and rendered in visual form by a browserapplication (e.g., web client 106) installed on the client device.

According to various exemplary embodiments, the scaling module 200 b maydetermine the sizes of the icons by taking into account, for example, asize of a display screen, or a size of a display area of a displayscreen, or a resolution of a display screen, etc. For example, sincedifferent displays screens of different client devices have differentsizes, the scaling module 200 b may adjust the range of possible iconsizes (e.g., adjust the minimum possible icon size and/or maximumpossible icon size), based on the characteristics of the particulardisplay screen of a particular client device. For instance, for displayscreens having smaller sizes, the scaling module 200 b may reduce theminimum possible icon size and/or maximum possible icon size, whereasfor display screens having larger sizes, the scaling module 200 b mayincrease the minimum possible icon size and/or maximum possible iconsize.

According to various exemplary embodiments, the scaling module 200 b maydetermine the sizes of the icons by taking into account a number oficons to be displayed on the client device. For example, the scalingmodule 200 b may adjust the range of possible icon sizes (e.g., adjustthe minimum possible icon size and maximum possible icon size), based onthe number of icons to be displayed on the client device. For instance,when a large number of icons are to be displayed, the scaling module 200b may reduce the minimum possible icon size and/or maximum possible iconsize, whereas when a small number of icons are to be displayed, thescaling module 200 b may increase the minimum possible icon size and/ormaximum possible icon size.

The aforementioned examples describe embodiments wherein the icons of aset of items are scaled, relative to the prices of all the items in theset, such that the cheapest item in the set may always have the sameicon size, while the most expensive item in a set may always have thesame icon size. Other embodiments for scaling the size of a producticon, based on the price of the product, may be implemented. As anon-limiting example, the icon size scaling values generated by thedetermination module 200 a may exactly track the prices of the items inan absolute manner (e.g., price of item is $53=icon scaling value ofitem is 53, price of item is $497=icon scaling value of items is 497),and the icons displayed by the scaling module 200 b may be scaled basedon the scaling value of the corresponding item without regard to pricesof other items in a set. Thus, a $4 item may always be represented by anicon having the same size, regardless of whether it is the cheapest ormost expensive item in a set.

The aspects of this disclosure are not limited to the exemplaryembodiments described above, and encompass any other methods of scalingthe size of icons of products, based on the price of the product.

Turning now to FIGS. 4-8, there are illustrated exemplary portions ofwebpages displaying product items for sale. The webpages may bedisplayed on a user interface screen on a client machine accessing awebsite via a network (e.g., the Internet). FIG. 4 illustrates anexample portion 400 of a shopping cart of a website, wherein a user hasalready added four items to the shopping cart, and is now viewing fouricons 401 through 404 of the four items (i.e. a dress, shoes, a handbag,and sandals, respectively) in the shopping cart. As seen in FIG. 4, fouricons 401 through 404 (or pictures, photos, illustrations, thumbnails,avatars, or other indicia or visual representations) of the four itemsare displayed, and the size of each icon is scaled based on the price ofthe item. For example, the sandals are the cheapest item, and thus havethe largest icon 404, while the handbag is the most expensive item, andthus has the smallest icon 403. The exemplary webpage 400 also includesa “Cart Summary” section 405 that lists the current total price for allthe items included in the shopping cart, as well as a “Save for later”area 406 described in more detail below.

The icons 401-404 for the four items illustrated in FIG. 4 may begenerated by a determination module 200 a and scaling module 200 b, inaccordance with the aspects described above. For example, thedetermination module 200 a may assign an icon size scaling value (e.g.,1-100) to each of the products, based on the prices of the products, andthe scaling module 200 b may assign an icon size (e.g., height, width,depth, etc., in pixels) to the icon of the product item, based on theaforementioned icon size scaling value associated with the item, asdescribed in various embodiments above.

Referring back to FIG. 4, when the user selects the icons of one of theitems such as the sandals (icon 404), the webpage displays variousinformation regarding the item (e.g., price, size) over thecorresponding icon 404, as seen in icon 404 in the webpage 500 of FIG.5. Moreover, if the user selects the “remove item” option illustrated inthe icon 404 of the webpage 500 of FIG. 5, the item will be removed fromthe cart, and both the price and item amount listed in the “CartSummary” section 405 will be updated accordingly. Moreover, if the userdrags the icons of one of the items, such as icon 404 of the sandals, tothe “Save for later” area 406 of the webpage, then, as seen the webpage600 in FIG. 6, both the price and item amount listed in the “CartSummary” section 405 will be updated accordingly. The user may dragitems in the “Save for later” area 406 back into the main area in orderto add the items back into the shopping cart.

In FIG. 6, after an icon 404 for the sandals was placed in the “Save forlater” area 406, the icons for the remaining items did not change insize. However, according to various exemplary embodiments, after an iconfor an item is removed or placed in the “Save for later” area 406, theremaining items in the cart may be automatically resized, based on theirrelative prices in relation to the other items in the remaining set,including the cheapest item and the most expensive item. In this way,the cheapest item will always be represented by, for example, thelargest icon, while the most expense item will always be represented bythe smallest icon, and so forth.

For example, referring back to FIG. 5, after the icon 404 for thecheapest item (e.g. the sandals) is removed, the determination modulemay recalculate the icon size scaling values for the remaining items(i.e. the dress, the shoes and the handbag) in the set. As describedabove, the “set” of products may refer to all the items posted for saleon a website, or some subset or subcategory thereof (e.g., items addedby the user to a “cart”). For example, for the remaining set of threeitems, the most expensive item (i.e. handbag) may be assigned a maximumpossible icon size scaling value (e.g., 100), the least expensive item(i.e. dress) may be assigned a minimum possible icon size scaling value(e.g., 1). The last item (i.e. shoes) is assigned an icon size scalingvalue based on its respective price (relative to—or in proportion to—theprices of the most expensive item and the least expensive item), asdescribed in various exemplary embodiments above. The scaling module 200b is configured to display multiple icons corresponding to the multipleitems on the website, wherein the size of the icons is scaled based onthe aforementioned icon size scaling values associated with thecorresponding items. FIG. 7 displays an example portion 700 of a webpagesimilar to the webpage 500 illustrated in FIG. 5, except the icon 404 ofthe sandals has been removed, and the icons 401-403 for the remainingitems have been resized based on their price, as described in variousexemplary embodiments.

Similarly, according to various exemplary embodiments, after an icon foran item is added to a set of items (e.g. added to the items in theshopping cart of the marketplace website), the icons for all the itemsin the “new set” in the cart may be automatically resized, based ontheir relative prices in relation to the other items in the new set,including the cheapest item and the most expensive item. In this way,the cheapest item will always be represented by, for example, thelargest icon, while the most expense item will always be represented bythe smallest icon, and so forth.

FIG. 8 displays an example portion 800 of a webpage similar to thewebpage 500 illustrated in FIG. 5, except a new item (headphones) hasbeen added to the shopping cart, and an icon 801 of the new item(headphones) has been included. As illustrated in FIG. 8, the icons(401-404 and 801) for all the items in the “new set” in the cart havebeen automatically resized, based on their relative prices in relationto the other items in the new set, including the cheapest item (i.e.,the headphones) and the most expensive item (i.e. the handbag). In thisway, the cheapest item (e.g., the headphones in FIG. 8) will always berepresented by, for example, the largest icon, while the most expensiveitem (e.g., the handbag in FIG. 8) will always be represented by thesmallest icon, and so forth.

FIG. 9 displays an example portion 900 of a webpage similar to thewebpage 500 illustrated in FIG. 5, except a new item (a smartphone) hasbeen added to the shopping cart, and an icon 901 of the new item (thesmartphone) has been included. As illustrated in FIG. 9, the icons(401-404 and 901) for all the items in the “new set” in the cart havebeen automatically resized, based on their relative prices in relationto the other items in the new set, including the cheapest item (i.e.,the sandals) and the most expensive item (i.e. the smartphone). In thisway, the cheapest item (e.g., the sandals in FIG. 9) will always berepresented by, for example, the largest icon, while the most expensiveitem (e.g., the smartphone in FIG. 9) will always be represented by thesmallest icon, and so forth.

According to an aspect, the product having the lowest price isrepresented by the largest icon, whereas the product having the highestprice is represented by the smallest icon, as seen in FIG. 4-9.According to another aspect, the product having the lowest price isrepresented by the smallest icon, whereas the product having the highestprice is represented by the largest icon. For example, FIG. 10illustrates an example portion of a webpage 1000 that displays the sameproducts as illustrated in the webpage 400 of FIG. 4, except that thecheapest item (i.e., the sandals) is represented by the smallest icon404, while the most expensive item (i.e., the handbag) is representedthe largest icon 403.

The embodiments of this disclosure may achieve considerable improvementsin comparison to conventional approaches for displaying product itemsfor sale. For example, when the user adds items to a shopping cart of aconventional marketplace website, the conventional carts simply includea textual description of the item, as well as perhaps a standard sizedpicture of the item. Thus, it is difficult for the user to compare allthe items (and the relationship between the relative prices of all theitems) in an intuitive way. Instead, the user may have to return to adedicated item description page to learn more about the item(s).

In contrast, in accordance with various exemplary embodiments of thisdisclosure, the size of a picture/icon of a product displayed on awebsite is scaled relative to the price of the item. Thus, a viewer isable to immediately view and understand the relationship between theprices of the products being viewed, as well as understand which productis the most expensive, which product is the least expensive, etc.

The aforementioned aspects may be applied in many situations. Forexample, the aforementioned aspects may be applied to display productitems in a “shopping cart” of user-selected items (FIG. 4-10). In thiscase, suppose a user has a particular budget for online shopping. Theuser can see the total cost of the products in the cart (see “CartSummary” area 405 in FIG. 4) and compare it to their budget. If thetotal cost is slightly higher than their budget and the user wishes tospend a little less than the current total cost, the user canimmediately see which item is the cheapest (e.g., the item with thelargest icon) and remove that item. On the other hand, if the total costis much higher than their budget, the user can immediately see whichitem is the most expensive (e.g., the item with the smallest icon) andremove that item. Thus, the user can look at the cart items together,and prioritize their purchases based on price and need. Moreover, theuser can compare cart items to look for similarities or combined appeal.Thus, the role function of the cart may be expanded from simply a placeto put items before checkout, to a comprehensive comparison tool.

The aforementioned aspects may also be applied to display a set ofproduct search results. For example, FIG. 11 illustrates an exampleportion 1100 of a webpage of a marketplace website, wherein a set ofsearch results are displayed (e.g. in response to a product search querybased on the search keywords “XYZ Brand”). As seen in FIG. 11, fouricons 1101 through 1104 (or pictures, photos, illustrations, thumbnails,avatars, or other indicia or visual representations) corresponding tothe four items in the search results (i.e. a camera, a DVD player,headphones, and a smartphone, respectively) are displayed, and the sizeof each icon is scaled based on the price of the item. For example, theheadphones are the cheapest item, and thus have the largest icon 1103,while the smartphone is the most expensive item, and thus has thesmallest icon 1104. The sizes of the icons of the items may also bescaled based on other characteristics of the items, as described invarious embodiments throughout this disclosure. Moreover the position orarrangement of the icons may also be ordered based on various factors,notwithstanding the sizes of the icons. For example, the icons in FIG.11 may be ordered based on their relevancy (or how closely they match)the search keywords, with the most relevant results being displayedcloser to the top of the webpage 1100.

It should be understood by those skilled in the art that theaforementioned aspects are not limited to displaying items included in ashopping cart of a marketplace website, or displaying product searchresults in a marketplace website, but may be applied in various otherscenarios. For example, whenever any type of website accessible via anetwork (e.g., the Internet) displays one or more items for sale (e.g.,products, services, etc.), icons of the items for sale may be scaled insize, based on the various embodiments described herein.

FIG. 12 is a flowchart illustrating an example method 1200, according tovarious embodiments. The method 1200 may be performed at least in partby, for example, the product display system 200 illustrated in FIG. 2(or a product display apparatus having similar modules). The methodstarts at 1201. In 1202, the product display system identifies aplurality of icons to be displayed on a client device, each of the iconsassociated with one of a plurality of items posted for sale on awebsite. In 1203, the product display system determines a plurality oficon size scaling values, each of the icon size scaling valuesassociated with one of the plurality of icons identified in 1202. In1204, the product display system determines a size of each of theplurality of icons, based on the icon size scaling value associated withthe icon in 1203. In 1205, the product display system causes each of theplurality of icons to be displayed on the client device at thedetermined size (determined in 1204). The method finishes in 1206.

FIG. 13 is a flowchart illustrating an example method 1300, according tovarious embodiments. The method may be performed at least in part by,for example, the product display system 200 illustrated in FIG. 2 (or aproduct display apparatus having similar modules). The method starts at1301. In 1302, the product display system identifies a plurality oficons to be displayed on a client device, each of the icons associatedwith one of a plurality of items posted for sale on a website. In 1303,the product display system determines a range of possible icon sizescaling values. In 1304, the product display system determines a rangeof prices for the plurality of items. In 1305, the product displaysystem assigns a minimum icon size scaling value to a first one of theicons associated with a first one of the items having a lowest price. In1306, the product display system assigns a maximum icon size scalingvalue to a second one of the icons associated with a second one of theitems having a highest price. In 1307, the product display systemassigns a proportionate icon size scaling value to an additional one ofthe icons associated with an additional one of the items having anintermediate price, based on a relationship between the intermediateprice, the lowest price, and the highest price, as described in variousexemplary embodiments.

In 1308, the product display system determines a range of possible iconsizes, as described in various exemplary embodiments. In 1309, theproduct display system assigns a minimum icon size to the first icon(which is associated with a first one of the items having a lowestprice), based on the minimum icon size scaling value assigned to thefirst icon in 1305. In 1310, the product display system assigns amaximum icon size to the second icon (which is associated with a secondone of the items having a highest price), based on the maximum icon sizescaling value assigned to the second icon in 1306. In 1311, the productdisplay system assigns a proportionate icon size to the additional icon(which is associated with an additional one of the items having anintermediate price), based on the proportionate icon size scaling valueassigned to the additional icon in S1307. In 1312, the product displaysystem causes each of the plurality of icons to be displayed on theclient device at the determined size (i.e. the sizes assigned in1309-1311)

In 1313, the product display system determines whether there is a changeto the plurality of icons identified in 1302. For example, the productdisplay system determines whether an additional/new icon is to bedisplayed, or whether one of the existing icons being currentlydisplayed is to be removed. If no (1313, N), the method finishes at1314. If yes (1313, Y), the flow returns to S1302. Thus, if the productdisplay system determines that an additional icon associated with anadditional item is to be displayed on the client device (i.e. 1313, Y),the product display system repeats 1302 through 1312 in order to revisethe plurality of icon size scaling values of the remaining icons, basedon a price associated with the additional item. Likewise, if the productdisplay system determines that one of the plurality of icons associatedwith one of the plurality of items is not to be displayed on the clientdevice (i.e. 1313, Y), the product display system repeats 1302 through1312 in order to modify the icon size scaling values of the remainingicons, based on the prices associated with the remaining items.

While the previous examples and exemplary embodiments have referred toscaling the sizes of product icons based on the prices of the products,according to other embodiments of this disclosure, the size of a producticon displayed on a website may be scaled relative to other factors orcharacteristics regarding the product (or factors/characteristicsrelated to multiple products).

For example, the determination module 200 a may communicate with productdatabase 200 c (FIG. 2), in order to access product informationregarding various products posted for sale on the website, asillustrated in FIG. 3.

Thereafter, the icons of the products may be scaled according to variouscharacteristics of the products, such as the relevancy of the products(e.g., based on keyword matches with user search query terms), thepopularity of the products (e.g., number of sales), customerratings/reviews for the products (e.g., number of stars), the quantityof ratings/reviews for the products, the number of bids for theproducts, the location of the products (e.g., distance from a user'scurrent location), product initial posting times (e.g., to highlightproducts posted for sale most recently, or the “newest” products),product posting expiration times (e.g., to highlight products about tobe removed from sale, or products in auctions ending soon), a size ofthe item (e.g., shoe size, clothing size), a model year of the item, aversion number of the item, a quantity of the item (for packaged/bulkitems, such as diapers) and so forth.

As another example, the icons of products may be scaled according tosocial trends associated with the products. For example, certainproducts may be “trending” on social networking websites and otheronline social media, meaning that they are receiving greater attention,mentions, comments, discussion, etc. on the social networking website.Systems exist for analyzing social media profile information of users inorder to determine areas of interest for users and such trending items(using keyword analysis, sentiment analysis, “taste graphs” and soforth). These systems may be utilized by the systems of this disclosureto determine a social popularity score associated with product items,which is then utilized to scale the size of product icons, as describedin the embodiments of this disclosure.

Those skilled in the art will understand that the aforementionednon-limiting examples are merely exemplary, and that the size of apicture/icon of a product displayed on a website may be scaled relativeto many other factors or characteristics regarding the product.Moreover, the sizes of the icons of products may be scaled based on acombination of one or more factors or characteristics regarding theproduct.

Modules, Components and Logic

Certain embodiments are described herein as including logic or a numberof components, modules, or mechanisms. Modules may constitute eithersoftware modules (e.g., code embodied (1) on a non-transitorymachine-readable medium or (2) in a transmission signal) orhardware-implemented modules. A hardware-implemented module is tangibleunit capable of performing certain operations and may be configured orarranged in a certain manner. In example embodiments, one or morecomputer systems (e.g., a standalone, client or server computer system)or one or more processors may be configured by software (e.g., anapplication or application portion) as a hardware-implemented modulethat operates to perform certain operations as described herein.

In various embodiments, a hardware-implemented module may be implementedmechanically or electronically. For example, a hardware-implementedmodule may comprise dedicated circuitry or logic that is permanentlyconfigured (e.g., as a special-purpose processor, such as a fieldprogrammable gate array (FPGA) or an application-specific integratedcircuit (ASIC)) to perform certain operations. A hardware-implementedmodule may also comprise programmable logic or circuitry (e.g., asencompassed within a general-purpose processor or other programmableprocessor) that is temporarily configured by software to perform certainoperations. It will be appreciated that the decision to implement ahardware-implemented module mechanically, in dedicated and permanentlyconfigured circuitry, or in temporarily configured circuitry (e.g.,configured by software) may be driven by cost and time considerations.

Accordingly, the term “hardware-implemented module” should be understoodto encompass a tangible entity, be that an entity that is physicallyconstructed, permanently configured (e.g., hardwired) or temporarily ortransitorily configured (e.g., programmed) to operate in a certainmanner and/or to perform certain operations described herein.Considering embodiments in which hardware-implemented modules aretemporarily configured (e.g., programmed), each of thehardware-implemented modules need not be configured or instantiated atany one instance in time. For example, where the hardware-implementedmodules comprise a general-purpose processor configured using software,the general-purpose processor may be configured as respective differenthardware-implemented modules at different times. Software mayaccordingly configure a processor, for example, to constitute aparticular hardware-implemented module at one instance of time and toconstitute a different hardware-implemented module at a differentinstance of time.

Hardware-implemented modules can provide information to, and receiveinformation from, other hardware-implemented modules. Accordingly, thedescribed hardware-implemented modules may be regarded as beingcommunicatively coupled. Where multiple of such hardware-implementedmodules exist contemporaneously, communications may be achieved throughsignal transmission (e.g., over appropriate circuits and buses) thatconnect the hardware-implemented modules. In embodiments in whichmultiple hardware-implemented modules are configured or instantiated atdifferent times, communications between such hardware-implementedmodules may be achieved, for example, through the storage and retrievalof information in memory structures to which the multiplehardware-implemented modules have access. For example, onehardware-implemented module may perform an operation, and store theoutput of that operation in a memory device to which it iscommunicatively coupled. A further hardware-implemented module may then,at a later time, access the memory device to retrieve and process thestored output. Hardware-implemented modules may also initiatecommunications with input or output devices, and can operate on aresource (e.g., a collection of information).

The various operations of example methods described herein may beperformed, at least partially, by one or more processors that aretemporarily configured (e.g., by software) or permanently configured toperform the relevant operations. Whether temporarily or permanentlyconfigured, such processors may constitute processor-implemented modulesthat operate to perform one or more operations or functions. The modulesreferred to herein may, in some example embodiments, compriseprocessor-implemented modules.

Similarly, the methods described herein may be at least partiallyprocessor-implemented. For example, at least some of the operations of amethod may be performed by one or processors or processor-implementedmodules. The performance of certain of the operations may be distributedamong the one or more processors, not only residing within a singlemachine, but deployed across a number of machines. In some exampleembodiments, the processor or processors may be located in a singlelocation (e.g., within a home environment, an office environment or as aserver farm), while in other embodiments the processors may bedistributed across a number of locations.

The one or more processors may also operate to support performance ofthe relevant operations in a “cloud computing” environment or as a“software as a service” (SaaS). For example, at least some of theoperations may be performed by a group of computers (as examples ofmachines including processors), these operations being accessible via anetwork (e.g., the Internet) and via one or more appropriate interfaces(e.g., Application Program Interfaces (APIs).

Electronic Apparatus and System

Example embodiments may be implemented in digital electronic circuitry,or in computer hardware, firmware, software, or in combinations of them.Example embodiments may be implemented using a computer program product,e.g., a computer program tangibly embodied in an information carrier,e.g., in a machine-readable medium for execution by, or to control theoperation of, data processing apparatus, e.g., a programmable processor,a computer, or multiple computers.

A computer program can be written in any form of programming language,including compiled or interpreted languages, and it can be deployed inany form, including as a stand-alone program or as a module, subroutine,or other unit suitable for use in a computing environment. A computerprogram can be deployed to be executed on one computer or on multiplecomputers at one site or distributed across multiple sites andinterconnected by a communication network.

In example embodiments, operations may be performed by one or moreprogrammable processors executing a computer program to performfunctions by operating on input data and generating output. Methodoperations can also be performed by, and apparatus of exampleembodiments may be implemented as, special purpose logic circuitry,e.g., a field programmable gate array (FPGA) or an application-specificintegrated circuit (ASIC).

The computing system can include clients and servers. A client andserver are generally remote from each other and typically interactthrough a communication network. The relationship of client and serverarises by virtue of computer programs running on the respectivecomputers and having a client-server relationship to each other. Inembodiments deploying a programmable computing system, it will beappreciated that that both hardware and software architectures requireconsideration. Specifically, it will be appreciated that the choice ofwhether to implement certain functionality in permanently configuredhardware (e.g., an ASIC), in temporarily configured hardware (e.g., acombination of software and a programmable processor), or a combinationof permanently and temporarily configured hardware may be a designchoice. Below are set out hardware (e.g., machine) and softwarearchitectures that may be deployed, in various example embodiments.

Example Machine Architecture and Machine-Readable Medium

FIG. 14 is a block diagram of a machine in the example form of acomputer system 1100 within which instructions, for causing the machineto perform any one or more of the methodologies discussed herein, may beexecuted. In alternative embodiments, the machine operates as astandalone device or may be connected (e.g., networked) to othermachines. In a networked deployment, the machine may operate in thecapacity of a server or a client machine in server-client networkenvironment, or as a peer machine in a peer-to-peer (or distributed)network environment. The machine may be a personal computer (PC), atablet PC, a set-top box (STB), a Personal Digital Assistant (PDA), acellular telephone, a web appliance, a network router, switch or bridge,or any machine capable of executing instructions (sequential orotherwise) that specify actions to be taken by that machine. Further,while only a single machine is illustrated, the term “machine” shallalso be taken to include any collection of machines that individually orjointly execute a set (or multiple sets) of instructions to perform anyone or more of the methodologies discussed herein.

The example computer system 1400 includes a processor 1402 (e.g., acentral processing unit (CPU), a graphics processing unit (GPU) orboth), a main memory 1404 and a static memory 1406, which communicatewith each other via a bus 1408. The computer system 1400 may furtherinclude a video display unit 1410 (e.g., a liquid crystal display (LCD)or a cathode ray tube (CRT)). The computer system 1400 also includes analphanumeric input device 1412 (e.g., a keyboard or a touch-sensitivedisplay screen), a user interface (UI) navigation device 1414 (e.g., amouse), a disk drive unit 1416, a signal generation device 1418 (e.g., aspeaker) and a network interface device 1420.

Machine-Readable Medium

The disk drive unit 1416 includes a machine-readable medium 1422 onwhich is stored one or more sets of instructions and data structures(e.g., software) 1424 embodying or utilized by any one or more of themethodologies or functions described herein. The instructions 1424 mayalso reside, completely or at least partially, within the main memory1404 and/or within the processor 1402 during execution thereof by thecomputer system 1400, the main memory 1404 and the processor 1402 alsoconstituting machine-readable media.

While the machine-readable medium 1422 is shown in an example embodimentto be a single medium, the term “machine-readable medium” may include asingle medium or multiple media (e.g., a centralized or distributeddatabase, and/or associated caches and servers) that store the one ormore instructions or data structures. The term “machine-readable medium”shall also be taken to include any tangible medium that is capable ofstoring, encoding or carrying instructions for execution by the machineand that cause the machine to perform any one or more of themethodologies of the present invention, or that is capable of storing,encoding or carrying data structures utilized by or associated with suchinstructions. The term “machine-readable medium” shall accordingly betaken to include, but not be limited to, solid-state memories, andoptical and magnetic media. Specific examples of machine-readable mediainclude non-volatile memory, including by way of example semiconductormemory devices, e.g., Erasable Programmable Read-Only Memory (EPROM),Electrically Erasable Programmable Read-Only Memory (EEPROM), and flashmemory devices; magnetic disks such as internal hard disks and removabledisks; magneto-optical disks; and CD-ROM and DVD-ROM disks.

Transmission Medium

The instructions 1424 may further be transmitted or received over acommunications network 1426 using a transmission medium. Theinstructions 1424 may be transmitted using the network interface device1420 and any one of a number of well-known transfer protocols (e.g.,HTTP). Examples of communication networks include a local area network(“LAN”), a wide area network (“WAN”), the Internet, mobile telephonenetworks, Plain Old Telephone (POTS) networks, and wireless datanetworks (e.g., WiFi and WiMax networks). The term “transmission medium”shall be taken to include any intangible medium that is capable ofstoring, encoding or carrying instructions for execution by the machine,and includes digital or analog communications signals or otherintangible media to facilitate communication of such software.

Although an embodiment has been described with reference to specificexample embodiments, it will be evident that various modifications andchanges may be made to these embodiments without departing from thebroader spirit and scope of the invention. Accordingly, thespecification and drawings are to be regarded in an illustrative ratherthan a restrictive sense. The accompanying drawings that form a parthereof, show by way of illustration, and not of limitation, specificembodiments in which the subject matter may be practiced. Theembodiments illustrated are described in sufficient detail to enablethose skilled in the art to practice the teachings disclosed herein.Other embodiments may be utilized and derived therefrom, such thatstructural and logical substitutions and changes may be made withoutdeparting from the scope of this disclosure. This Detailed Description,therefore, is not to be taken in a limiting sense, and the scope ofvarious embodiments is defined only by the appended claims, along withthe full range of equivalents to which such claims are entitled.

Such embodiments of the inventive subject matter may be referred toherein, individually and/or collectively, by the term “invention” merelyfor convenience and without intending to voluntarily limit the scope ofthis application to any single invention or inventive concept if morethan one is in fact disclosed. Thus, although specific embodiments havebeen illustrated and described herein, it should be appreciated that anyarrangement calculated to achieve the same purpose may be substitutedfor the specific embodiments shown. This disclosure is intended to coverany and all adaptations or variations of various embodiments.Combinations of the above embodiments, and other embodiments notspecifically described herein, will be apparent to those of skill in theart upon reviewing the above description.

What is claimed is:
 1. A method comprising: identifying a plurality oficons to be displayed via a shopping cart user interface on a displayscreen of a client device, the plurality of icons comprising at least afirst icon associated with a first item having a lower price and asecond icon associated with a second item having a higher price, thefirst item and the second item comprise items selected for placement bya user in a shopping cart associated with a website; determining, forthe first icon, a first icon size scaling value based on a currentquantity of the items placed in the shopping cart, a proportion betweenthe lower price and the higher price and a size of the display screen ofthe client device; determining, for the second icon, a second icon sizescaling value based on the current quantity of the items placed in theshopping cart, the proportion between the lower price and the higherprice and the size of the display screen of the client device;determining, using one or more processors, a size of the first iconbased on the first icon size scaling value and a size of the second iconbased on the second icon size scaling value; causing the first and thesecond icons to be displayed via the shopping cart user interface on theclient device at the respective determined sizes; determining an updatedquantity of items due to a third item having an intermediate price addedto the shopping cart by the user; identifying a third icon for the thirditem; updating the first icon size scaling value based on the updatedquantity of items, a proportion of the lower price with respect to theintermediate price and the higher price and the size of the displayscreen of the client device; updating the second icon size scaling valuebased on the updated quantity of items, a proportion of the higher pricewith respect to the intermediate price and the lower price and the sizeof the display screen of the client device; determining for the thirdicon a third icon size scaling value based on the updated quantity ofitems, a proportion of the intermediate price with respect to the lowerprice and the higher price and the size of the display screen of theclient device; determining the size of the first icon based on theupdated first icon size scaling value, the size of the second icon basedon the updated second icon size scaling value, and a size of the thirdicon based on the third icon size scaling value; and causing each of thefirst, second, and third icons to be concurrently displayed via theshopping cart user interface on the display screen of the client deviceat the respective determined sizes.
 2. The method of claim 1, furthercomprising: determining the first item is removed from the shopping cartmodifying the updated quantity of items based on removal of the firstitem; modifying the second icon size scaling value based on the modifiedquantity of items, a proportion between the higher price and theintermediate price and the size of the display screen of the clientdevice; and modifying the third icon size scaling value based on themodified quantity of items, the proportion between the higher price andthe intermediate price and the size of the display screen of the clientdevice.
 3. The method of claim 2, further comprising: modifying the sizeof the second icon based on the modified second icon size scaling valueand the size of the third icon based on the modified third icon sizescaling value; and causing each of the second and third icons to beconcurrently displayed via the shopping cart user interface on thedisplay screen of the client device at the respective modified sizes. 4.The method of claim 1, further comprising: assigning a minimum icon sizeto the first icon, based on a minimum icon size scaling value associatedwith the lower price and the size of the display screen of the clientdevice; assigning a maximum icon size to the second icon, based on amaximum icon size scaling value associated with the higher price and thesize of the display screen of the client device; and assigning aproportionate icon size to the third icon, based on a proportionate iconsize scaling value associated with the intermediate price and the sizeof the display screen of the client device.
 5. A computer systemcomprising: one or more processors; a memory device holding aninstruction set executable on the one or more processors to cause thecomputer system to perform operations comprising: identifying aplurality of icons to be displayed via a shopping cart user interface ona display screen of a client device, the plurality of icons comprisingat least a first icon associated with a first item having a lower priceand a second icon associated with a second item having a higher price,the first item and the second item comprise items selected for placementby a user in a shopping cart associated with a website; determining, forthe first icon, a first icon size scaling value based on a currentquantity of the items placed in the shopping cart, a proportion betweenthe lower price and the higher price and a size of the display screen ofthe client device; determining, for the second icon, a second icon sizescaling value based on the current quantity of the items placed in theshopping cart, the proportion between the lower price and the higherprice and the size of the display screen of the client device;determining a size of the first icon based on the first icon sizescaling value and a size of the second icon based on the second iconsize scaling value; causing the first and the second icons to bedisplayed via the shopping cart user interface on the client device atthe respective determined sizes; determining an updated quantity ofitems due to a third item having an intermediate price added to theshopping cart by the user; identifying a third icon for the third item;updating the first icon size scaling value based on the updated quantityof items, a proportion of the lower price with respect to theintermediate price and the higher price and the size of the displayscreen of the client device; updating the second icon size scaling valuebased on the updated quantity of items, a proportion of the higher pricewith respect to the intermediate price and the lower price and the sizeof the display screen of the client device; determining for the thirdicon a third icon size scaling value based on the updated quantity ofitems, a proportion of the intermediate price with respect to the lowerprice and the higher price and the size of the display screen of theclient device; determining the size of the first icon based on theupdated first icon size scaling value, the size of the second icon basedon the updated second icon size scaling value, and a size of the thirdicon based on the third icon size scaling value; and causing each of thefirst, second, and third icons to be concurrently displayed via theshopping cart user interface on display screen of the client device atthe respective determined sizes.
 6. The computer system of claim 5,wherein the operations further comprise: determining the first item isremoved from the shopping cart; modifying the updated quantity of itemsbased on removal of the first item; modifying the second icon sizescaling value based on the modified quantity of items, a proportionbetween the higher price and the intermediate price and the size of thedisplay screen of the client device; and modifying the third icon sizescaling value based on the modified quantity of items, the proportionbetween the higher price and the intermediate price and the size of thedisplay screen of the client device.
 7. The computer system of claim 6,wherein the operations further comprise: modifying the size of thesecond icon based on the modified second icon size scaling value and thesize of the third icon based on the modified third icon size scalingvalue; and causing each of the second and third icons to be concurrentlydisplayed via the shopping cart user interface on the display screen ofthe client device at the respective modified sizes.
 8. The computersystem of claim 5, wherein the operations further comprise: assigning aminimum icon size to the first icon, based on a minimum icon sizescaling value associated with the lower price and the size of thedisplay screen of the client device; assigning a maximum icon size tothe second icon, based on a maximum icon size scaling value associatedwith the higher price and the size of the display screen of the clientdevice; and assigning a proportionate icon size to the third icon, basedon the proportionate icon size scaling value associated with theintermediate price and the size of the display screen of the clientdevice.
 9. A non-transitory computer-readable storage medium containingexecutable instructions stored thereon which, when executed by one ormore processors, result in operations comprising: identifying aplurality of icons to be displayed via a shopping cart user interface ona display screen of a client device, the plurality of icons comprisingat least a first icon associated with a first item having a lower priceand a second icon associated with a second item having a higher price,the first item and the second item comprise items selected for placementby a user in a shopping cart associated with a website; determining, forthe first icon, a first icon size scaling value based on a currentquantity of the items placed in the shopping cart, a proportion betweenthe lower price and the higher price and a size of the display screen ofthe client device; determining, for the second icon, a second icon sizescaling value based on the current quantity of the items placed in theshopping cart, the proportion between the lower price and the higherprice and the size of the display screen of the client device;determining a size of the first icon based on the first icon sizescaling value and a size of the second icon based on the second iconsize scaling value; causing the first and the second icons to bedisplayed via the shopping cart user interface on the client device atthe respective determined sizes; determining an updated quantity ofitems due to a third item having an intermediate price added to theshopping cart by the user; identifying a third icon for the third item;updating the first icon size scaling value based on the updated quantityof items, a proportion of the lower price with respect to theintermediate price and the higher price and the size of the displayscreen of the client device; updating the second icon size scaling valuebased on the updated quantity of items, a proportion of the higher pricewith respect to the intermediate price and the lower price and the sizeof the display screen of the client device; determining for the thirdicon a third icon size scaling value based on the updated quantity ofitems, a proportion of the intermediate price with respect to the lowerprice and the higher price and the size of the display screen of theclient device; determining the size of the first icon based on theupdated first icon size scaling value, the size of the second icon basedon the updated second icon size scaling value, and a size of the thirdicon based on the third icon size scaling value; and causing each of thefirst, second, and third icons to be concurrently displayed via theshopping cart user interface on display screen of the client device atthe respective determined sizes.